<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Biscaya Template MultiPurpose</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/icons.css" rel="stylesheet">
<link id="main-color" href="css/skin-orange.css" rel="stylesheet">
<style>
#theicons .col-md-3 {margin-bottom:10px;}
#theicons .col-md-3:hover {font-size:200%;transition:0.5s;}
#theicons .row [class*="span"] {margin-left:0;font-size:13px;padding-left:3px;}
#theicons a [class^="icon-"]:hover, #theicons a [class*=" icon-"]:hover {font-size:50px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
#theicons a [class^="icon-"], #theicons a [class*=" icon-"] {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;color:#333;margin-right:10px;}
</style>
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
    <![endif]-->
<!-- Fav and touch icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="img/ico/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="img/ico/favicon.png">
</head>
<body class="boxed">
<div class="body">
	<!-- Navigation -->
	<header>
	<div class="container clearfix">
		<div class="row">
			<div class="col-md-12">
				<h1 class="brandlogo"><a href="index.html"><img src="img/logo.png" alt=""></a></h1>
				<div class="topinfo">
					<ul class="social-icons list-soc">
						<li><a href="#"><i class="icon-facebook"></i></a></li>
						<li><a href="#"><i class="icon-twitter"></i></a></li>
						<li><a href="#"><i class="icon-linkedin"></i></a></li>
						<li><a href="#"><i class="icon-google-plus"></i></a></li>
						<li><a href="#"><i class="icon-pinterest"></i></a></li>
					</ul>
					<div class="infophone">
						<i class="icon-phone"></i> Tel: +8 737 924 6035
					</div>
					<div class="infoaddress">
						 3953 Berkley Street, Fort Washington, 19034
					</div>
				</div>
				<div class="clearfix">
				</div>
				<div class="row-nav navbar">
					<div class="navbar-inner">
						<ul id="nav" class="nav">
							<li><a href="index.html">Home</a></li>
							<li class="divider-vertical"></li>
							<li class="active dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Templates <b class="caret"></b></a>
							<ul class="dropdown-menu js-activated" style="display: none;">
								<li><a href="about.html">About Us</a></li>
								<li><a href="services.html">Services</a></li>
								<li><a href="faq.html">Knowledge Base</a></li>
								<li class="selected"><a href="icons.html">Icons</a></li>
								<li><a href="testimonials.html">Testimonials</a></li>
								<li><a href="404.html">404 Error</a></li>
								<!--.dropdown-->
							</ul>
							</li>
							<li class="divider-vertical"></li>
							<li><a href="elements.html">Elements</a></li>
							<li class="divider-vertical"></li>
							<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Layouts <b class="caret"></b></a>
							<ul class="dropdown-menu js-activated" style="display: none;">
								<li><a href="columns.html">Columns</a></li>
								<li><a href="masonry4.html">Masonry 4</a></li>
								<li><a href="masonry3.html">Masonry 3</a></li>
								<li><a href="masonry2.html">Masonry 2</a></li>
								<!--.dropdown-->
							</ul>
							</li>
							<li class="divider-vertical"></li>
							<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Portfolio <b class="caret"></b></a>
							<ul class="dropdown-menu js-activated" style="display: none;">
								<li><a href="portfolio.html">Portfolio List</a></li>
								<li><a href="projectdetail.html">Project Detail</a></li>
								<!--.dropdown-->
							</ul>
							</li>
							<li class="divider-vertical"></li>
							<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Blog <b class="caret"></b></a>
							<ul class="dropdown-menu js-activated" style="display: none;">
								<li><a href="bloghome.html">Blog Home</a></li>
								<li><a href="blogsingle.html">Single Post</a></li>
								<!--.dropdown-->
							</ul>
							</li>
							<li class="divider-vertical"></li>
							<li><a href="contact.html">Contact</a></li>
							<li class="divider-vertical"></li>
						</ul>
						<form id="search" action="search.php" method="GET">
							<input type="text" onfocus="if(this.value =='Search here...' ) this.value=''" onblur="if(this.value=='') this.value='Search here...'" value="Search here..." name="s">
							<a href="#"></a>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
	</header>
	<div class="text-center">
		<img src="img/sha.png" class="slidershadow" alt="">
	</div>
	<!-- /end header -->
	<div class="container">
		<div class="page-header">
			<h1>Font Awesome Icons</h1>
			<div class="headerdivider">
			</div>
		</div>
		<div id="theicons">
			<section>
			<div class="row">
				<div class="col-md-3">
					icon-compass
				</div>
				<div class="col-md-3">
					<i class="icon-collapse"></i> icon-collapse
				</div>
				<div class="col-md-3">
					<i class="icon-collapse-top"></i> icon-collapse-top
				</div>
				<div class="col-md-3">
					<i class="icon-expand"></i> icon-expand
				</div>
				<div class="col-md-3">
					<i class="icon-eur"></i> icon-eur
				</div>
				<div class="col-md-3">
					<i class="icon-euro"></i> icon-euro <span class="muted">(alias)</span>
				</div>
				<div class="col-md-3">
					<i class="icon-gbp"></i> icon-gbp
				</div>
				<div class="col-md-3">
					<i class="icon-usd"></i> icon-usd
				</div>
				<div class="col-md-3">
					<i class="icon-dollar"></i> icon-dollar <span class="muted">(alias)</span>
				</div>
				<div class="col-md-3">
					<i class="icon-inr"></i> icon-inr
				</div>
				<div class="col-md-3">
					<i class="icon-rupee"></i> icon-rupee <span class="muted">(alias)</span>
				</div>
				<div class="col-md-3">
					<i class="icon-jpy"></i> icon-jpy
				</div>
				<div class="col-md-3">
					<i class="icon-yen"></i> icon-yen <span class="muted">(alias)</span>
				</div>
				<div class="col-md-3">
					<i class="icon-cny"></i> icon-cny
				</div>
				<div class="col-md-3">
					<i class="icon-renminbi"></i> icon-renminbi <span class="muted">(alias)</span>
				</div>
				<div class="col-md-3">
					<i class="icon-krw"></i> icon-krw
				</div>
				<div class="col-md-3">
					<i class="icon-won"></i> icon-won <span class="muted">(alias)</span>
				</div>
				<div class="col-md-3">
					<i class="icon-btc"></i> icon-btc
				</div>
				<div class="col-md-3">
					<i class="icon-bitcoin"></i> icon-bitcoin <span class="muted">(alias)</span>
				</div>
				<div class="col-md-3">
					<i class="icon-file"></i> icon-file
				</div>
				<div class="col-md-3">
					<i class="icon-file-text"></i> icon-file-text
				</div>
				<div class="col-md-3">
					<i class="icon-sort-by-alphabet"></i> icon-sort-by-alphabet
				</div>
				<div class="col-md-3">
					<i class="icon-sort-by-alphabet-alt"></i> icon-sort-by-alphabet-alt
				</div>
				<div class="col-md-3">
					<i class="icon-sort-by-attributes"></i> icon-sort-by-attributes
				</div>
				<div class="col-md-3">
					<i class="icon-sort-by-attributes-alt"></i> icon-sort-by-attributes-alt
				</div>
				<div class="col-md-3">
					<i class="icon-sort-by-order"></i> icon-sort-by-order
				</div>
				<div class="col-md-3">
					<i class="icon-sort-by-order-alt"></i> icon-sort-by-order-alt
				</div>
				<div class="col-md-3">
					<i class="icon-thumbs-up"></i> icon-thumbs-up
				</div>
				<div class="col-md-3">
					<i class="icon-thumbs-down"></i> icon-thumbs-down
				</div>
				<div class="col-md-3">
					<i class="icon-youtube-sign"></i> icon-youtube-sign
				</div>
				<div class="col-md-3">
					<i class="icon-youtube"></i> icon-youtube
				</div>
				<div class="col-md-3">
					<i class="icon-xing"></i> icon-xing
				</div>
				<div class="col-md-3">
					<i class="icon-xing-sign"></i> icon-xing-sign
				</div>
				<div class="col-md-3">
					<i class="icon-youtube-play"></i> icon-youtube-play
				</div>
				<div class="col-md-3">
					<i class="icon-dropbox"></i> icon-dropbox
				</div>
				<div class="col-md-3">
					<i class="icon-stackexchange"></i> icon-stackexchange
				</div>
				<div class="col-md-3">
					<i class="icon-instagram"></i> icon-instagram
				</div>
				<div class="col-md-3">
					<i class="icon-flickr"></i> icon-flickr
				</div>
				<div class="col-md-3">
					<i class="icon-adn"></i> icon-adn
				</div>
				<div class="col-md-3">
					<i class="icon-bitbucket"></i> icon-bitbucket
				</div>
				<div class="col-md-3">
					<i class="icon-bitbucket-sign"></i> icon-bitbucket-sign
				</div>
				<div class="col-md-3">
					<i class="icon-tumblr"></i> icon-tumblr
				</div>
				<div class="col-md-3">
					<i class="icon-tumblr-sign"></i> icon-tumblr-sign
				</div>
				<div class="col-md-3">
					<i class="icon-long-arrow-down"></i> icon-long-arrow-down
				</div>
				<div class="col-md-3">
					<i class="icon-long-arrow-up"></i> icon-long-arrow-up
				</div>
				<div class="col-md-3">
					<i class="icon-long-arrow-left"></i> icon-long-arrow-left
				</div>
				<div class="col-md-3">
					<i class="icon-long-arrow-right"></i> icon-long-arrow-right
				</div>
				<div class="col-md-3">
					<i class="icon-apple"></i> icon-apple
				</div>
				<div class="col-md-3">
					<i class="icon-windows"></i> icon-windows
				</div>
				<div class="col-md-3">
					<i class="icon-android"></i> icon-android
				</div>
				<div class="col-md-3">
					<i class="icon-linux"></i> icon-linux
				</div>
				<div class="col-md-3">
					<i class="icon-dribbble"></i> icon-dribbble
				</div>
				<div class="col-md-3">
					<i class="icon-skype"></i> icon-skype
				</div>
				<div class="col-md-3">
					<i class="icon-foursquare"></i> icon-foursquare
				</div>
				<div class="col-md-3">
					<i class="icon-trello"></i> icon-trello
				</div>
				<div class="col-md-3">
					<i class="icon-female"></i> icon-female
				</div>
				<div class="col-md-3">
					<i class="icon-male"></i> icon-male
				</div>
				<div class="col-md-3">
					<i class="icon-gittip"></i> icon-gittip
				</div>
				<div class="col-md-3">
					<i class="icon-sun"></i> icon-sun
				</div>
				<div class="col-md-3">
					<i class="icon-moon"></i> icon-moon
				</div>
				<div class="col-md-3">
					<i class="icon-archive"></i> icon-archive
				</div>
				<div class="col-md-3">
					<i class="icon-bug"></i> icon-bug
				</div>
				<div class="col-md-3">
					<i class="icon-vk"></i> icon-vk
				</div>
				<div class="col-md-3">
					<i class="icon-weibo"></i> icon-weibo
				</div>
				<div class="col-md-3">
					<i class="icon-renren"></i> icon-renren
				</div>
			</div>
			</section><section id="web-application">
			<div class="titleborder">
				<div>
					Web Application Icons
				</div>
			</div>
			<div class="row">
				<div class="col-md-3">
					<i class="icon-adjust"></i> icon-adjust
				</div>
				<div class="col-md-3">
					<i class="icon-anchor"></i> icon-anchor
				</div>
				<div class="col-md-3">
					<i class="icon-archive"></i> icon-archive
				</div>
				<div class="col-md-3">
					<i class="icon-asterisk"></i> icon-asterisk
				</div>
				<div class="col-md-3">
					<i class="icon-ban-circle"></i> icon-ban-circle
				</div>
				<div class="col-md-3">
					<i class="icon-bar-chart"></i> icon-bar-chart
				</div>
				<div class="col-md-3">
					<i class="icon-barcode"></i> icon-barcode
				</div>
				<div class="col-md-3">
					<i class="icon-beaker"></i> icon-beaker
				</div>
				<div class="col-md-3">
					<i class="icon-beer"></i> icon-beer
				</div>
				<div class="col-md-3">
					<i class="icon-bell"></i> icon-bell
				</div>
				<div class="col-md-3">
					<i class="icon-bell-alt"></i> icon-bell-alt
				</div>
				<div class="col-md-3">
					<i class="icon-bolt"></i> icon-bolt
				</div>
				<div class="col-md-3">
					<i class="icon-book"></i> icon-book
				</div>
				<div class="col-md-3">
					<i class="icon-bookmark"></i> icon-bookmark
				</div>
				<div class="col-md-3">
					<i class="icon-bookmark-empty"></i> icon-bookmark-empty
				</div>
				<div class="col-md-3">
					<i class="icon-briefcase"></i> icon-briefcase
				</div>
				<div class="col-md-3">
					<i class="icon-bug"></i> icon-bug
				</div>
				<div class="col-md-3">
					<i class="icon-building"></i> icon-building
				</div>
				<div class="col-md-3">
					<i class="icon-bullhorn"></i> icon-bullhorn
				</div>
				<div class="col-md-3">
					<i class="icon-bullseye"></i> icon-bullseye
				</div>
				<div class="col-md-3">
					<i class="icon-calendar"></i> icon-calendar
				</div>
				<div class="col-md-3">
					<i class="icon-calendar-empty"></i> icon-calendar-empty
				</div>
				<div class="col-md-3">
					<i class="icon-camera"></i> icon-camera
				</div>
				<div class="col-md-3">
					<i class="icon-camera-retro"></i> icon-camera-retro
				</div>
				<div class="col-md-3">
					<i class="icon-certificate"></i> icon-certificate
				</div>
				<div class="col-md-3">
					<i class="icon-check"></i> icon-check
				</div>
				<div class="col-md-3">
					<i class="icon-check-empty"></i> icon-check-empty
				</div>
				<div class="col-md-3">
					<i class="icon-check-minus"></i> icon-check-minus
				</div>
				<div class="col-md-3">
					<i class="icon-check-sign"></i> icon-check-sign
				</div>
				<div class="col-md-3">
					<i class="icon-circle"></i> icon-circle
				</div>
				<div class="col-md-3">
					<i class="icon-circle-blank"></i> icon-circle-blank
				</div>
				<div class="col-md-3">
					<i class="icon-cloud"></i> icon-cloud
				</div>
				<div class="col-md-3">
					<i class="icon-cloud-download"></i> icon-cloud-download
				</div>
				<div class="col-md-3">
					<i class="icon-cloud-upload"></i> icon-cloud-upload
				</div>
				<div class="col-md-3">
					<i class="icon-code"></i> icon-code
				</div>
				<div class="col-md-3">
					<i class="icon-code-fork"></i> icon-code-fork
				</div>
				<div class="col-md-3">
					<i class="icon-coffee"></i> icon-coffee
				</div>
				<div class="col-md-3">
					<i class="icon-cog"></i> icon-cog
				</div>
				<div class="col-md-3">
					<i class="icon-cogs"></i> icon-cogs
				</div>
				<div class="col-md-3">
					<i class="icon-collapse"></i> icon-collapse
				</div>
				<div class="col-md-3">
					<i class="icon-collapse-alt"></i> icon-collapse-alt
				</div>
				<div class="col-md-3">
					<i class="icon-collapse-top"></i> icon-collapse-top
				</div>
				<div class="col-md-3">
					<i class="icon-comment"></i> icon-comment
				</div>
				<div class="col-md-3">
					<i class="icon-comment-alt"></i> icon-comment-alt
				</div>
				<div class="col-md-3">
					<i class="icon-comments"></i> icon-comments
				</div>
				<div class="col-md-3">
					<i class="icon-comments-alt"></i> icon-comments-alt
				</div>
				<div class="col-md-3">
					<i class="icon-compass"></i> icon-compass
				</div>
				<div class="col-md-3">
					<i class="icon-credit-card"></i> icon-credit-card
				</div>
				<div class="col-md-3">
					<i class="icon-crop"></i> icon-crop
				</div>
				<div class="col-md-3">
					<i class="icon-dashboard"></i> icon-dashboard
				</div>
				<div class="col-md-3">
					<i class="icon-desktop"></i> icon-desktop
				</div>
				<div class="col-md-3">
					<i class="icon-download"></i> icon-download
				</div>
				<div class="col-md-3">
					<i class="icon-download-alt"></i> icon-download-alt
				</div>
				<div class="col-md-3">
					<i class="icon-edit"></i> icon-edit
				</div>
				<div class="col-md-3">
					<i class="icon-edit-sign"></i> icon-edit-sign
				</div>
				<div class="col-md-3">
					<i class="icon-ellipsis-horizontal"></i> icon-ellipsis-horizontal
				</div>
				<div class="col-md-3">
					<i class="icon-ellipsis-vertical"></i> icon-ellipsis-vertical
				</div>
				<div class="col-md-3">
					<i class="icon-envelope"></i> icon-envelope
				</div>
				<div class="col-md-3">
					<i class="icon-envelope-alt"></i> icon-envelope-alt
				</div>
				<div class="col-md-3">
					<i class="icon-eraser"></i> icon-eraser
				</div>
				<div class="col-md-3">
					<i class="icon-exchange"></i> icon-exchange
				</div>
				<div class="col-md-3">
					<i class="icon-exclamation"></i> icon-exclamation
				</div>
				<div class="col-md-3">
					<i class="icon-exclamation-sign"></i> icon-exclamation-sign
				</div>
				<div class="col-md-3">
					<i class="icon-expand"></i> icon-expand
				</div>
				<div class="col-md-3">
					<i class="icon-expand-alt"></i> icon-expand-alt
				</div>
				<div class="col-md-3">
					<i class="icon-external-link"></i> icon-external-link
				</div>
				<div class="col-md-3">
					<i class="icon-external-link-sign"></i> icon-external-link-sign
				</div>
				<div class="col-md-3">
					<i class="icon-eye-close"></i> icon-eye-close
				</div>
				<div class="col-md-3">
					<i class="icon-eye-open"></i> icon-eye-open
				</div>
				<div class="col-md-3">
					<i class="icon-facetime-video"></i> icon-facetime-video
				</div>
				<div class="col-md-3">
					<i class="icon-female"></i> icon-female
				</div>
				<div class="col-md-3">
					<i class="icon-fighter-jet"></i> icon-fighter-jet
				</div>
				<div class="col-md-3">
					<i class="icon-film"></i> icon-film
				</div>
				<div class="col-md-3">
					<i class="icon-filter"></i> icon-filter
				</div>
				<div class="col-md-3">
					<i class="icon-fire"></i> icon-fire
				</div>
				<div class="col-md-3">
					<i class="icon-fire-extinguisher"></i> icon-fire-extinguisher
				</div>
				<div class="col-md-3">
					<i class="icon-flag"></i> icon-flag
				</div>
				<div class="col-md-3">
					<i class="icon-flag-alt"></i> icon-flag-alt
				</div>
				<div class="col-md-3">
					<i class="icon-flag-checkered"></i> icon-flag-checkered
				</div>
				<div class="col-md-3">
					<i class="icon-folder-close"></i> icon-folder-close
				</div>
				<div class="col-md-3">
					<i class="icon-folder-close-alt"></i> icon-folder-close-alt
				</div>
				<div class="col-md-3">
					<i class="icon-folder-open"></i> icon-folder-open
				</div>
				<div class="col-md-3">
					<i class="icon-folder-open-alt"></i> icon-folder-open-alt
				</div>
				<div class="col-md-3">
					<i class="icon-food"></i> icon-food
				</div>
				<div class="col-md-3">
					<i class="icon-frown"></i> icon-frown
				</div>
				<div class="col-md-3">
					<i class="icon-gamepad"></i> icon-gamepad
				</div>
				<div class="col-md-3">
					<i class="icon-gear"></i> icon-gear <span class="muted">(alias)</span>
				</div>
				<div class="col-md-3">
					<i class="icon-gears"></i> icon-gears <span class="muted">(alias)</span>
				</div>
				<div class="col-md-3">
					<i class="icon-gift"></i> icon-gift
				</div>
				<div class="col-md-3">
					<i class="icon-glass"></i> icon-glass
				</div>
				<div class="col-md-3">
					<i class="icon-globe"></i> icon-globe
				</div>
				<div class="col-md-3">
					<i class="icon-group"></i> icon-group
				</div>
				<div class="col-md-3">
					<i class="icon-hdd"></i> icon-hdd
				</div>
				<div class="col-md-3">
					<i class="icon-headphones"></i> icon-headphones
				</div>
				<div class="col-md-3">
					<i class="icon-heart"></i> icon-heart
				</div>
				<div class="col-md-3">
					<i class="icon-heart-empty"></i> icon-heart-empty
				</div>
				<div class="col-md-3">
					<i class="icon-home"></i> icon-home
				</div>
				<div class="col-md-3">
					<i class="icon-inbox"></i> icon-inbox
				</div>
				<div class="col-md-3">
					<i class="icon-info"></i> icon-info
				</div>
				<div class="col-md-3">
					<i class="icon-info-sign"></i> icon-info-sign
				</div>
				<div class="col-md-3">
					<i class="icon-key"></i> icon-key
				</div>
				<div class="col-md-3">
					<i class="icon-keyboard"></i> icon-keyboard
				</div>
				<div class="col-md-3">
					<i class="icon-laptop"></i> icon-laptop
				</div>
				<div class="col-md-3">
					<i class="icon-leaf"></i> icon-leaf
				</div>
				<div class="col-md-3">
					<i class="icon-legal"></i> icon-legal
				</div>
				<div class="col-md-3">
					<i class="icon-lemon"></i> icon-lemon
				</div>
				<div class="col-md-3">
					<i class="icon-level-down"></i> icon-level-down
				</div>
				<div class="col-md-3">
					<i class="icon-level-up"></i> icon-level-up
				</div>
				<div class="col-md-3">
					<i class="icon-lightbulb"></i> icon-lightbulb
				</div>
				<div class="col-md-3">
					<i class="icon-location-arrow"></i> icon-location-arrow
				</div>
				<div class="col-md-3">
					<i class="icon-lock"></i> icon-lock
				</div>
				<div class="col-md-3">
					<i class="icon-magic"></i> icon-magic
				</div>
				<div class="col-md-3">
					<i class="icon-magnet"></i> icon-magnet
				</div>
				<div class="col-md-3">
					<i class="icon-mail-forward"></i> icon-mail-forward <span class="muted">(alias)</span>
				</div>
				<div class="col-md-3">
					<i class="icon-mail-reply"></i> icon-mail-reply <span class="muted">(alias)</span>
				</div>
				<div class="col-md-3">
					<i class="icon-mail-reply-all"></i> icon-mail-reply-all
				</div>
				<div class="col-md-3">
					<i class="icon-male"></i> icon-male
				</div>
				<div class="col-md-3">
					<i class="icon-map-marker"></i> icon-map-marker
				</div>
				<div class="col-md-3">
					<i class="icon-meh"></i> icon-meh
				</div>
				<div class="col-md-3">
					<i class="icon-microphone"></i> icon-microphone
				</div>
				<div class="col-md-3">
					<i class="icon-microphone-off"></i> icon-microphone-off
				</div>
				<div class="col-md-3">
					<i class="icon-minus"></i> icon-minus
				</div>
				<div class="col-md-3">
					<i class="icon-minus-sign"></i> icon-minus-sign
				</div>
				<div class="col-md-3">
					<i class="icon-minus-sign-alt"></i> icon-minus-sign-alt
				</div>
				<div class="col-md-3">
					<i class="icon-mobile-phone"></i> icon-mobile-phone
				</div>
				<div class="col-md-3">
					<i class="icon-money"></i> icon-money
				</div>
				<div class="col-md-3">
					<i class="icon-moon"></i> icon-moon
				</div>
				<div class="col-md-3">
					<i class="icon-move"></i> icon-move
				</div>
				<div class="col-md-3">
					<i class="icon-music"></i> icon-music
				</div>
				<div class="col-md-3">
					<i class="icon-off"></i> icon-off
				</div>
				<div class="col-md-3">
					<i class="icon-ok"></i> icon-ok
				</div>
				<div class="col-md-3">
					<i class="icon-ok-circle"></i> icon-ok-circle
				</div>
				<div class="col-md-3">
					<i class="icon-ok-sign"></i> icon-ok-sign
				</div>
				<div class="col-md-3">
					<i class="icon-pencil"></i> icon-pencil
				</div>
				<div class="col-md-3">
					<i class="icon-phone"></i> icon-phone
				</div>
				<div class="col-md-3">
					<i class="icon-phone-sign"></i> icon-phone-sign
				</div>
				<div class="col-md-3">
					<i class="icon-picture"></i> icon-picture
				</div>
				<div class="col-md-3">
					<i class="icon-plane"></i> icon-plane
				</div>
				<div class="col-md-3">
					<i class="icon-plus"></i> icon-plus
				</div>
				<div class="col-md-3">
					<i class="icon-plus-sign"></i> icon-plus-sign
				</div>
				<div class="col-md-3">
					<i class="icon-plus-sign-alt"></i> icon-plus-sign-alt
				</div>
				<div class="col-md-3">
					<i class="icon-power-off"></i> icon-power-off <span class="muted">(alias)</span>
				</div>
				<div class="col-md-3">
					<i class="icon-print"></i> icon-print
				</div>
				<div class="col-md-3">
					<i class="icon-pushpin"></i> icon-pushpin
				</div>
				<div class="col-md-3">
					<i class="icon-puzzle-piece"></i> icon-puzzle-piece
				</div>
				<div class="col-md-3">
					<i class="icon-qrcode"></i> icon-qrcode
				</div>
				<div class="col-md-3">
					<i class="icon-question"></i> icon-question
				</div>
				<div class="col-md-3">
					<i class="icon-question-sign"></i> icon-question-sign
				</div>
				<div class="col-md-3">
					<i class="icon-quote-left"></i> icon-quote-left
				</div>
				<div class="col-md-3">
					<i class="icon-quote-right"></i> icon-quote-right
				</div>
				<div class="col-md-3">
					<i class="icon-random"></i> icon-random
				</div>
				<div class="col-md-3">
					<i class="icon-refresh"></i> icon-refresh
				</div>
				<div class="col-md-3">
					<i class="icon-remove"></i> icon-remove
				</div>
				<div class="col-md-3">
					<i class="icon-remove-circle"></i> icon-remove-circle
				</div>
				<div class="col-md-3">
					<i class="icon-remove-sign"></i> icon-remove-sign
				</div>
				<div class="col-md-3">
					<i class="icon-reorder"></i> icon-reorder
				</div>
				<div class="col-md-3">
					<i class="icon-reply"></i> icon-reply
				</div>
				<div class="col-md-3">
					<i class="icon-reply-all"></i> icon-reply-all
				</div>
				<div class="col-md-3">
					<i class="icon-resize-horizontal"></i> icon-resize-horizontal
				</div>
				<div class="col-md-3">
					<i class="icon-resize-vertical"></i> icon-resize-vertical
				</div>
				<div class="col-md-3">
					<i class="icon-retweet"></i> icon-retweet
				</div>
				<div class="col-md-3">
					<i class="icon-road"></i> icon-road
				</div>
				<div class="col-md-3">
					<i class="icon-rocket"></i> icon-rocket
				</div>
				<div class="col-md-3">
					<i class="icon-rss"></i> icon-rss
				</div>
				<div class="col-md-3">
					<i class="icon-rss-sign"></i> icon-rss-sign
				</div>
				<div class="col-md-3">
					<i class="icon-screenshot"></i> icon-screenshot
				</div>
				<div class="col-md-3">
					<i class="icon-search"></i> icon-search
				</div>
				<div class="col-md-3">
					<i class="icon-share"></i> icon-share
				</div>
				<div class="col-md-3">
					<i class="icon-share-alt"></i> icon-share-alt
				</div>
				<div class="col-md-3">
					<i class="icon-share-sign"></i> icon-share-sign
				</div>
				<div class="col-md-3">
					<i class="icon-shield"></i> icon-shield
				</div>
				<div class="col-md-3">
					<i class="icon-shopping-cart"></i> icon-shopping-cart
				</div>
				<div class="col-md-3">
					<i class="icon-sign-blank"></i> icon-sign-blank
				</div>
				<div class="col-md-3">
					<i class="icon-signal"></i> icon-signal
				</div>
				<div class="col-md-3">
					<i class="icon-signin"></i> icon-signin
				</div>
				<div class="col-md-3">
					<i class="icon-signout"></i> icon-signout
				</div>
				<div class="col-md-3">
					<i class="icon-sitemap"></i> icon-sitemap
				</div>
				<div class="col-md-3">
					<i class="icon-smile"></i> icon-smile
				</div>
				<div class="col-md-3">
					<i class="icon-sort"></i> icon-sort
				</div>
				<div class="col-md-3">
					<i class="icon-sort-by-alphabet"></i> icon-sort-by-alphabet
				</div>
				<div class="col-md-3">
					<i class="icon-sort-by-alphabet-alt"></i> icon-sort-by-alphabet-alt
				</div>
				<div class="col-md-3">
					<i class="icon-sort-by-attributes"></i> icon-sort-by-attributes
				</div>
				<div class="col-md-3">
					<i class="icon-sort-by-attributes-alt"></i> icon-sort-by-attributes-alt
				</div>
				<div class="col-md-3">
					<i class="icon-sort-by-order"></i> icon-sort-by-order
				</div>
				<div class="col-md-3">
					<i class="icon-sort-by-order-alt"></i> icon-sort-by-order-alt
				</div>
				<div class="col-md-3">
					<i class="icon-sort-down"></i> icon-sort-down
				</div>
				<div class="col-md-3">
					<i class="icon-sort-up"></i> icon-sort-up
				</div>
				<div class="col-md-3">
					<i class="icon-spinner"></i> icon-spinner
				</div>
				<div class="col-md-3">
					<i class="icon-star"></i> icon-star
				</div>
				<div class="col-md-3">
					<i class="icon-star-empty"></i> icon-star-empty
				</div>
				<div class="col-md-3">
					<i class="icon-star-half"></i> icon-star-half
				</div>
				<div class="col-md-3">
					<i class="icon-star-half-empty"></i> icon-star-half-empty
				</div>
				<div class="col-md-3">
					<i class="icon-star-half-full"></i> icon-star-half-full <span class="muted">(alias)</span>
				</div>
				<div class="col-md-3">
					<i class="icon-subscript"></i> icon-subscript
				</div>
				<div class="col-md-3">
					<i class="icon-suitcase"></i> icon-suitcase
				</div>
				<div class="col-md-3">
					<i class="icon-sun"></i> icon-sun
				</div>
				<div class="col-md-3">
					<i class="icon-superscript"></i> icon-superscript
				</div>
				<div class="col-md-3">
					<i class="icon-tablet"></i> icon-tablet
				</div>
				<div class="col-md-3">
					<i class="icon-tag"></i> icon-tag
				</div>
				<div class="col-md-3">
					<i class="icon-tags"></i> icon-tags
				</div>
				<div class="col-md-3">
					<i class="icon-tasks"></i> icon-tasks
				</div>
				<div class="col-md-3">
					<i class="icon-terminal"></i> icon-terminal
				</div>
				<div class="col-md-3">
					<i class="icon-thumbs-down"></i> icon-thumbs-down
				</div>
				<div class="col-md-3">
					<i class="icon-thumbs-down-alt"></i> icon-thumbs-down-alt
				</div>
				<div class="col-md-3">
					<i class="icon-thumbs-up"></i> icon-thumbs-up
				</div>
				<div class="col-md-3">
					<i class="icon-thumbs-up-alt"></i> icon-thumbs-up-alt
				</div>
				<div class="col-md-3">
					<i class="icon-ticket"></i> icon-ticket
				</div>
				<div class="col-md-3">
					<i class="icon-time"></i> icon-time
				</div>
				<div class="col-md-3">
					<i class="icon-tint"></i> icon-tint
				</div>
				<div class="col-md-3">
					<i class="icon-trash"></i> icon-trash
				</div>
				<div class="col-md-3">
					<i class="icon-trophy"></i> icon-trophy
				</div>
				<div class="col-md-3">
					<i class="icon-truck"></i> icon-truck
				</div>
				<div class="col-md-3">
					<i class="icon-umbrella"></i> icon-umbrella
				</div>
				<div class="col-md-3">
					<i class="icon-unchecked"></i> icon-unchecked <span class="muted">(alias)</span>
				</div>
				<div class="col-md-3">
					<i class="icon-unlock"></i> icon-unlock
				</div>
				<div class="col-md-3">
					<i class="icon-unlock-alt"></i> icon-unlock-alt
				</div>
				<div class="col-md-3">
					<i class="icon-upload"></i> icon-upload
				</div>
				<div class="col-md-3">
					<i class="icon-upload-alt"></i> icon-upload-alt
				</div>
				<div class="col-md-3">
					<i class="icon-user"></i> icon-user
				</div>
				<div class="col-md-3">
					<i class="icon-volume-down"></i> icon-volume-down
				</div>
				<div class="col-md-3">
					<i class="icon-volume-off"></i> icon-volume-off
				</div>
				<div class="col-md-3">
					<i class="icon-volume-up"></i> icon-volume-up
				</div>
				<div class="col-md-3">
					<i class="icon-warning-sign"></i> icon-warning-sign
				</div>
				<div class="col-md-3">
					<i class="icon-wrench"></i> icon-wrench
				</div>
				<div class="col-md-3">
					<i class="icon-zoom-in"></i> icon-zoom-in
				</div>
				<div class="col-md-3">
					<i class="icon-zoom-out"></i> icon-zoom-out
				</div>
			</div>
			</section><section id="currency">
			<div class="titleborder">
				<div>
					Currency Icons
				</div>
			</div>
			<div class="row">
				<div class="col-md-3">
					<i class="icon-bitcoin"></i> icon-bitcoin <span class="muted">(alias)</span>
				</div>
				<div class="col-md-3">
					<i class="icon-btc"></i> icon-btc
				</div>
				<div class="col-md-3">
					<i class="icon-cny"></i> icon-cny
				</div>
				<div class="col-md-3">
					<i class="icon-dollar"></i> icon-dollar <span class="muted">(alias)</span>
				</div>
				<div class="col-md-3">
					<i class="icon-eur"></i> icon-eur
				</div>
				<div class="col-md-3">
					<i class="icon-euro"></i> icon-euro <span class="muted">(alias)</span>
				</div>
				<div class="col-md-3">
					<i class="icon-gbp"></i> icon-gbp
				</div>
				<div class="col-md-3">
					<i class="icon-inr"></i> icon-inr
				</div>
				<div class="col-md-3">
					<i class="icon-jpy"></i> icon-jpy
				</div>
				<div class="col-md-3">
					<i class="icon-krw"></i> icon-krw
				</div>
				<div class="col-md-3">
					<i class="icon-renminbi"></i> icon-renminbi <span class="muted">(alias)</span>
				</div>
				<div class="col-md-3">
					<i class="icon-rupee"></i> icon-rupee <span class="muted">(alias)</span>
				</div>
				<div class="col-md-3">
					<i class="icon-usd"></i> icon-usd
				</div>
				<div class="col-md-3">
					<i class="icon-won"></i> icon-won <span class="muted">(alias)</span>
				</div>
				<div class="col-md-3">
					<i class="icon-yen"></i> icon-yen <span class="muted">(alias)</span>
				</div>
			</div>
			</section><section id="text-editor">
			<div class="titleborder">
				<div>
					Text Editor Icons
				</div>
			</div>
			<div class="row">
				<div class="col-md-3">
					<i class="icon-align-center"></i> icon-align-center
				</div>
				<div class="col-md-3">
					<i class="icon-align-justify"></i> icon-align-justify
				</div>
				<div class="col-md-3">
					<i class="icon-align-left"></i> icon-align-left
				</div>
				<div class="col-md-3">
					<i class="icon-align-right"></i> icon-align-right
				</div>
				<div class="col-md-3">
					<i class="icon-bold"></i> icon-bold
				</div>
				<div class="col-md-3">
					<i class="icon-columns"></i> icon-columns
				</div>
				<div class="col-md-3">
					<i class="icon-copy"></i> icon-copy
				</div>
				<div class="col-md-3">
					<i class="icon-cut"></i> icon-cut
				</div>
				<div class="col-md-3">
					<i class="icon-eraser"></i> icon-eraser
				</div>
				<div class="col-md-3">
					<i class="icon-file"></i> icon-file
				</div>
				<div class="col-md-3">
					<i class="icon-file-alt"></i> icon-file-alt
				</div>
				<div class="col-md-3">
					<i class="icon-file-text"></i> icon-file-text
				</div>
				<div class="col-md-3">
					<i class="icon-file-text-alt"></i> icon-file-text-alt
				</div>
				<div class="col-md-3">
					<i class="icon-font"></i> icon-font
				</div>
				<div class="col-md-3">
					<i class="icon-indent-left"></i> icon-indent-left
				</div>
				<div class="col-md-3">
					<i class="icon-indent-right"></i> icon-indent-right
				</div>
				<div class="col-md-3">
					<i class="icon-italic"></i> icon-italic
				</div>
				<div class="col-md-3">
					<i class="icon-link"></i> icon-link
				</div>
				<div class="col-md-3">
					<i class="icon-list"></i> icon-list
				</div>
				<div class="col-md-3">
					<i class="icon-list-alt"></i> icon-list-alt
				</div>
				<div class="col-md-3">
					<i class="icon-list-ol"></i> icon-list-ol
				</div>
				<div class="col-md-3">
					<i class="icon-list-ul"></i> icon-list-ul
				</div>
				<div class="col-md-3">
					<i class="icon-paper-clip"></i> icon-paper-clip
				</div>
				<div class="col-md-3">
					<i class="icon-paperclip"></i> icon-paperclip <span class="muted">(alias)</span>
				</div>
				<div class="col-md-3">
					<i class="icon-paste"></i> icon-paste
				</div>
				<div class="col-md-3">
					<i class="icon-repeat"></i> icon-repeat
				</div>
				<div class="col-md-3">
					<i class="icon-rotate-left"></i> icon-rotate-left <span class="muted">(alias)</span>
				</div>
				<div class="col-md-3">
					<i class="icon-rotate-right"></i> icon-rotate-right <span class="muted">(alias)</span>
				</div>
				<div class="col-md-3">
					<i class="icon-save"></i> icon-save
				</div>
				<div class="col-md-3">
					<i class="icon-strikethrough"></i> icon-strikethrough
				</div>
				<div class="col-md-3">
					<i class="icon-table"></i> icon-table
				</div>
				<div class="col-md-3">
					<i class="icon-text-height"></i> icon-text-height
				</div>
				<div class="col-md-3">
					<i class="icon-text-width"></i> icon-text-width
				</div>
				<div class="col-md-3">
					<i class="icon-th"></i> icon-th
				</div>
				<div class="col-md-3">
					<i class="icon-th-large"></i> icon-th-large
				</div>
				<div class="col-md-3">
					<i class="icon-th-list"></i> icon-th-list
				</div>
				<div class="col-md-3">
					<i class="icon-underline"></i> icon-underline
				</div>
				<div class="col-md-3">
					<i class="icon-undo"></i> icon-undo
				</div>
				<div class="col-md-3">
					<i class="icon-unlink"></i> icon-unlink
				</div>
			</div>
			</section><section id="directional">
			<div class="titleborder">
				<div>
					Directional Icons
				</div>
			</div>
			<div class="row">
				<div class="col-md-3">
					<i class="icon-angle-down"></i> icon-angle-down
				</div>
				<div class="col-md-3">
					<i class="icon-angle-left"></i> icon-angle-left
				</div>
				<div class="col-md-3">
					<i class="icon-angle-right"></i> icon-angle-right
				</div>
				<div class="col-md-3">
					<i class="icon-angle-up"></i> icon-angle-up
				</div>
				<div class="col-md-3">
					<i class="icon-arrow-down"></i> icon-arrow-down
				</div>
				<div class="col-md-3">
					<i class="icon-arrow-left"></i> icon-arrow-left
				</div>
				<div class="col-md-3">
					<i class="icon-arrow-right"></i> icon-arrow-right
				</div>
				<div class="col-md-3">
					<i class="icon-arrow-up"></i> icon-arrow-up
				</div>
				<div class="col-md-3">
					<i class="icon-caret-down"></i> icon-caret-down
				</div>
				<div class="col-md-3">
					<i class="icon-caret-left"></i> icon-caret-left
				</div>
				<div class="col-md-3">
					<i class="icon-caret-right"></i> icon-caret-right
				</div>
				<div class="col-md-3">
					<i class="icon-caret-up"></i> icon-caret-up
				</div>
				<div class="col-md-3">
					<i class="icon-chevron-down"></i> icon-chevron-down
				</div>
				<div class="col-md-3">
					<i class="icon-chevron-left"></i> icon-chevron-left
				</div>
				<div class="col-md-3">
					<i class="icon-chevron-right"></i> icon-chevron-right
				</div>
				<div class="col-md-3">
					<i class="icon-chevron-sign-down"></i> icon-chevron-sign-down
				</div>
				<div class="col-md-3">
					<i class="icon-chevron-sign-left"></i> icon-chevron-sign-left
				</div>
				<div class="col-md-3">
					<i class="icon-chevron-sign-right"></i> icon-chevron-sign-right
				</div>
				<div class="col-md-3">
					<i class="icon-chevron-sign-up"></i> icon-chevron-sign-up
				</div>
				<div class="col-md-3">
					<i class="icon-chevron-up"></i> icon-chevron-up
				</div>
				<div class="col-md-3">
					<i class="icon-circle-arrow-down"></i> icon-circle-arrow-down
				</div>
				<div class="col-md-3">
					<i class="icon-circle-arrow-left"></i> icon-circle-arrow-left
				</div>
				<div class="col-md-3">
					<i class="icon-circle-arrow-right"></i> icon-circle-arrow-right
				</div>
				<div class="col-md-3">
					<i class="icon-circle-arrow-up"></i> icon-circle-arrow-up
				</div>
				<div class="col-md-3">
					<i class="icon-double-angle-down"></i> icon-double-angle-down
				</div>
				<div class="col-md-3">
					<i class="icon-double-angle-left"></i> icon-double-angle-left
				</div>
				<div class="col-md-3">
					<i class="icon-double-angle-right"></i> icon-double-angle-right
				</div>
				<div class="col-md-3">
					<i class="icon-double-angle-up"></i> icon-double-angle-up
				</div>
				<div class="col-md-3">
					<i class="icon-hand-down"></i> icon-hand-down
				</div>
				<div class="col-md-3">
					<i class="icon-hand-left"></i> icon-hand-left
				</div>
				<div class="col-md-3">
					<i class="icon-hand-right"></i> icon-hand-right
				</div>
				<div class="col-md-3">
					<i class="icon-hand-up"></i> icon-hand-up
				</div>
				<div class="col-md-3">
					<i class="icon-long-arrow-down"></i> icon-long-arrow-down
				</div>
				<div class="col-md-3">
					<i class="icon-long-arrow-left"></i> icon-long-arrow-left
				</div>
				<div class="col-md-3">
					<i class="icon-long-arrow-right"></i> icon-long-arrow-right
				</div>
				<div class="col-md-3">
					<i class="icon-long-arrow-up"></i> icon-long-arrow-up
				</div>
			</div>
			</section><section id="video-player">
			<div class="titleborder">
				<div>
					Video Player Icons
				</div>
			</div>
			<div class="row">
				<div class="col-md-3">
					<i class="icon-backward"></i> icon-backward
				</div>
				<div class="col-md-3">
					<i class="icon-eject"></i> icon-eject
				</div>
				<div class="col-md-3">
					<i class="icon-fast-backward"></i> icon-fast-backward
				</div>
				<div class="col-md-3">
					<i class="icon-fast-forward"></i> icon-fast-forward
				</div>
				<div class="col-md-3">
					<i class="icon-forward"></i> icon-forward
				</div>
				<div class="col-md-3">
					<i class="icon-fullscreen"></i> icon-fullscreen
				</div>
				<div class="col-md-3">
					<i class="icon-pause"></i> icon-pause
				</div>
				<div class="col-md-3">
					<i class="icon-play"></i> icon-play
				</div>
				<div class="col-md-3">
					<i class="icon-play-circle"></i> icon-play-circle
				</div>
				<div class="col-md-3">
					<i class="icon-play-sign"></i> icon-play-sign
				</div>
				<div class="col-md-3">
					<i class="icon-resize-full"></i> icon-resize-full
				</div>
				<div class="col-md-3">
					<i class="icon-resize-small"></i> icon-resize-small
				</div>
				<div class="col-md-3">
					<i class="icon-step-backward"></i> icon-step-backward
				</div>
				<div class="col-md-3">
					<i class="icon-step-forward"></i> icon-step-forward
				</div>
				<div class="col-md-3">
					<i class="icon-stop"></i> icon-stop
				</div>
				<div class="col-md-3">
					<i class="icon-youtube-play"></i> icon-youtube-play
				</div>
			</div>
			</section><section id="brand">
			<div class="titleborder">
				<div>
					Brand Icons
				</div>
			</div>
			<div class="row">
				<div class="col-md-3">
					<i class="icon-adn"></i> icon-adn
				</div>
				<div class="col-md-3">
					<i class="icon-android"></i> icon-android
				</div>
				<div class="col-md-3">
					<i class="icon-apple"></i> icon-apple
				</div>
				<div class="col-md-3">
					<i class="icon-bitbucket"></i> icon-bitbucket
				</div>
				<div class="col-md-3">
					<i class="icon-bitbucket-sign"></i> icon-bitbucket-sign
				</div>
				<div class="col-md-3">
					<i class="icon-bitcoin"></i> icon-bitcoin <span class="muted">(alias)</span>
				</div>
				<div class="col-md-3">
					<i class="icon-btc"></i> icon-btc
				</div>
				<div class="col-md-3">
					<i class="icon-css3"></i> icon-css3
				</div>
				<div class="col-md-3">
					<i class="icon-dribbble"></i> icon-dribbble
				</div>
				<div class="col-md-3">
					<i class="icon-dropbox"></i> icon-dropbox
				</div>
				<div class="col-md-3">
					<i class="icon-facebook"></i> icon-facebook
				</div>
				<div class="col-md-3">
					<i class="icon-facebook-sign"></i> icon-facebook-sign
				</div>
				<div class="col-md-3">
					<i class="icon-flickr"></i> icon-flickr
				</div>
				<div class="col-md-3">
					<i class="icon-foursquare"></i> icon-foursquare
				</div>
				<div class="col-md-3">
					<i class="icon-github"></i> icon-github
				</div>
				<div class="col-md-3">
					<i class="icon-github-alt"></i> icon-github-alt
				</div>
				<div class="col-md-3">
					<i class="icon-github-sign"></i> icon-github-sign
				</div>
				<div class="col-md-3">
					<i class="icon-gittip"></i> icon-gittip
				</div>
				<div class="col-md-3">
					<i class="icon-google-plus"></i> icon-google-plus
				</div>
				<div class="col-md-3">
					<i class="icon-google-plus-sign"></i> icon-google-plus-sign
				</div>
				<div class="col-md-3">
					<i class="icon-html5"></i> icon-html5
				</div>
				<div class="col-md-3">
					<i class="icon-instagram"></i> icon-instagram
				</div>
				<div class="col-md-3">
					<i class="icon-linkedin"></i> icon-linkedin
				</div>
				<div class="col-md-3">
					<i class="icon-linkedin-sign"></i> icon-linkedin-sign
				</div>
				<div class="col-md-3">
					<i class="icon-linux"></i> icon-linux
				</div>
				<div class="col-md-3">
					<i class="icon-maxcdn"></i> icon-maxcdn
				</div>
				<div class="col-md-3">
					<i class="icon-pinterest"></i> icon-pinterest
				</div>
				<div class="col-md-3">
					<i class="icon-pinterest-sign"></i> icon-pinterest-sign
				</div>
				<div class="col-md-3">
					<i class="icon-renren"></i> icon-renren
				</div>
				<div class="col-md-3">
					<i class="icon-skype"></i> icon-skype
				</div>
				<div class="col-md-3">
					<i class="icon-stackexchange"></i> icon-stackexchange
				</div>
				<div class="col-md-3">
					<i class="icon-trello"></i> icon-trello
				</div>
				<div class="col-md-3">
					<i class="icon-tumblr"></i> icon-tumblr
				</div>
				<div class="col-md-3">
					<i class="icon-tumblr-sign"></i> icon-tumblr-sign
				</div>
				<div class="col-md-3">
					<i class="icon-twitter"></i> icon-twitter
				</div>
				<div class="col-md-3">
					<i class="icon-twitter-sign"></i> icon-twitter-sign
				</div>
				<div class="col-md-3">
					<i class="icon-vk"></i> icon-vk
				</div>
				<div class="col-md-3">
					<i class="icon-weibo"></i> icon-weibo
				</div>
				<div class="col-md-3">
					<i class="icon-windows"></i> icon-windows
				</div>
				<div class="col-md-3">
					<i class="icon-xing"></i> icon-xing
				</div>
				<div class="col-md-3">
					<i class="icon-xing-sign"></i> icon-xing-sign
				</div>
				<div class="col-md-3">
					<i class="icon-youtube"></i> icon-youtube
				</div>
				<div class="col-md-3">
					<i class="icon-youtube-play"></i> icon-youtube-play
				</div>
				<div class="col-md-3">
					<i class="icon-youtube-sign"></i> icon-youtube-sign
				</div>
			</div>
			</section><section id="medical">
			<div class="titleborder">
				<div>
					Medical Icons
				</div>
			</div>
			<div class="row">
				<div class="col-md-3">
					<i class="icon-ambulance"></i> icon-ambulance
				</div>
				<div class="col-md-3">
					<i class="icon-h-sign"></i> icon-h-sign
				</div>
				<div class="col-md-3">
					<i class="icon-hospital"></i> icon-hospital
				</div>
				<div class="col-md-3">
					<i class="icon-medkit"></i> icon-medkit
				</div>
				<div class="col-md-3">
					<i class="icon-plus-sign-alt"></i> icon-plus-sign-alt
				</div>
				<div class="col-md-3">
					<i class="icon-stethoscope"></i> icon-stethoscope
				</div>
				<div class="col-md-3">
					<i class="icon-user-md"></i> icon-user-md
				</div>
			</div>
			</section>
		</div>
	</div>
	<!-- FOOTER BEGIN
================================================== -->
	<div class="footer footerdark">
		<div class="text-center wraptotop">
			<a class="totop"><i class="icon-chevron-up"></i></a>
		</div>
		<div class="container">
			<!-- 1st row -->
			<div class="row">
				<div class="col-md-4">
					<h1 class="title"><i class="icon-heart"></i> About us</h1>
					<hr>
					<p>
						 Introducing a premium HTML5 & CSS3 template for multipurpose use. Responsive layout, professional design & lots of features.
					</p>
					<p>
						 Made with love by WowThemesNet .
					</p>
					<p class="footerlogo">
						 Biscaya
					</p>
				</div>
				<div class="col-md-4">
					<h1 class="title">Testimonials</h1>
					<hr>
					<div id="quotes">
						<div class="textItem">
							<div class="avatar">
								<img src="img/demo/test1.png" alt="avatar">
							</div>
							 "Before turning to those moral and mental aspects of the matter which present the greatest difficulties, let the inquirer begin by mastering more elementary problems.<span style="font-family:arial;">"</span><br/><b> Jesse T, Los Angeles </b>
						</div>
						<div class="textItem">
							<div class="avatar">
								<img src="img/demo/test2.gif" alt="avatar">
							</div>
							 "How often have I said to you that when you have eliminated the impossible, whatever remains, however improbable, must be the truth?<span style="font-family:arial;">"</span><br/><b>Ralph G. Flowers </b>
						</div>
						<div class="textItem">
							<div class="avatar">
								<img src="img/demo/test1.png" alt="avatar">
							</div>
							 "It is a capital mistake to theorize before one has data. Insensibly one begins to twist facts to suit theories, instead of theories to suit facts.<span style="font-family:arial;">"</span><br/><b>Kerry I. McClanahan </b>
						</div>
						<div class="textItem">
							<div class="avatar">
								<img src="img/demo/test2.gif" alt="avatar">
							</div>
							 "We must fall back upon the old axiom that when all other contingencies fail, whatever remains, however improbable, must be the truth.<span style="font-family:arial;">"</span><br/><b>Randy K. Deleon </b>
						</div>
					</div>
				</div>
				<div class="col-md-4">
					<h1 class="title">Questions?</h1>
					<hr>
					<div class="done">
						<div class="alert alert-success">
							<button type="button" class="close" data-dismiss="alert">×</button>
							Your message has been sent. Thank you!
						</div>
					</div>
					<form method="post" action="contact.php" id="contactform">
						<div class="form">
							<div class="controls controls-row">
								<input class="col-md-6" type="text" name="name" placeholder="Name">
								<input class="col-md-6" type="text" name="email" placeholder="E-mail">
							</div>
							<div class="controls">
								<textarea class="col-md-12" name="comment" rows="4" placeholder="Message"></textarea>
							</div>
							<input type="submit" id="submit" class="btn" value="Send">
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
	<!-- 2nd row -->
	<div class="footerbottom footerbottomdark">
		<div class="container">
			<div class="row">
				<!-- left -->
				<div class="col-md-4 smallspacetop">
					<p class="smaller">
						<span class="copyright">© </span> Copyright 2016 Biscaya. Be nice.
					</p>
				</div>
				<!-- right -->
				<div class="col-md-8 smallspacetop">
					<div class="pull-right smaller">
						<ul class="footermenu">
							<li><a href="#">Home</a></li>
							<li><a href="#">Work</a></li>
							<li><a href="#">Pages</a></li>
							<li><a href="#">Blog</a></li>
							<li><a href="#">Contact</a></li>
						</ul>
					</div>
					<div class="clearfix">
					</div>
				</div>
				<!-- end right -->
			</div>
		</div>
	</div>
	<!-- FOOTER END
================================================== -->
</div>
<!-- /.body -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/plugins.js"></script>
<script src="js/custom.js"></script>

<!--BEGIN DEMO PANEL

================================================== -->

<!-- Style Switcher Files-->

<link rel="stylesheet" href="css/style-switcher.css" media="screen"/>

<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap-colorpicker/2.5.3/css/bootstrap-colorpicker.min.css" media="screen"/>

<script type="text/javascript" src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>

<script type="text/javascript" src="https://cdn.bootcss.com/bootstrap-colorpicker/2.5.3/js/bootstrap-colorpicker.min.js"></script>
<script type="text/javascript" src="js/styleswitch.js"></script>

<script type="text/javascript" src="js/switcher.js"></script>

<!-- DEMO PANEL -->

<div id="switcher-handle">

	<a class="" id="handle" href="#">feedback</a>

	<div id="style-switcher">

		<div id="switcher-header">

			<p>

				Theme Options

			</p>

		</div>

		<div id="switcher-body">

			<p>

				<strong>Layout Style</strong>

			</p>

		<select id="layout">		   

		  <option value="boxed">Boxed</option>

		  <option value="wide">Wide</option>		  

		</select>

		

			<p>

				<strong>Color Schemes</strong>

			</p>

			

			<div class="colors-holder">

				<a href="#" class="color-box" data-rel="e7402f"></a>

				<a href="#" class="color-box" data-rel="0E8FAB"></a>				

				<a href="#" class="color-box" data-rel="44cfc8"></a>				

				<a href="#" class="color-box" data-rel="9DC500"></a>				

				<a href="#" class="color-box" data-rel="76719a"></a>				

				<a href="#" class="color-box" data-rel="f2a020"></a>

				<a href="#" class="color-box" data-rel="33bee5"></a>				

				<a href="#" class="color-box" data-rel="e44884"></a>

				<a href="#" class="color-box" data-rel="18adb5"></a>				

				<a href="#" class="color-box" data-rel="f0b70c"></a>

				

				<a href="#" class="color-box" data-rel="346b7f"></a>

				<a href="#" class="color-box" data-rel="aecdcf"></a>

				<a href="#" class="color-box" data-rel="be9869"></a>

				<a href="#" class="color-box" data-rel="bf6c2f"></a>				

				<a href="#" class="color-box" data-rel="1abc9c"></a>				

				<a href="#" class="color-box" data-rel="7f8c8d"></a>				

				<a href="#" class="color-box" data-rel="b4ad7f"></a>				

				<a href="#" class="color-box" data-rel="fe6c6c"></a>				

				<a href="#" class="color-box" data-rel="e66a47"></a>

				<a href="#" class="color-box" data-rel="50e9f3"></a>

			</div>

			<div class="switcher-divider">

			</div>

			

			<p>

				<strong>Bg Patterns (for boxed)</strong>

			</p>

			<div class="colors-holder">

				<a data-rel="1" class="bg-box" href="#"></a>

				<a data-rel="2" class="bg-box" href="#"></a>

				<a data-rel="3" class="bg-box" href="#"></a>

				<a data-rel="4" class="bg-box" href="#"></a>

				<a data-rel="5" class="bg-box" href="#"></a>

				<a data-rel="6" class="bg-box" href="#"></a>

				<a data-rel="7" class="bg-box" href="#"></a>

				<a data-rel="8" class="bg-box" href="#"></a>

				<a data-rel="9" class="bg-box" href="#"></a>

				<a data-rel="10" class="bg-box" href="#"></a>

				<a data-rel="11" class="bg-box" href="#"></a>

				<a data-rel="12" class="bg-box" href="#"></a>

				<a data-rel="13" class="bg-box" href="#"></a>

				<a data-rel="14" class="bg-box" href="#"></a>

				<a data-rel="15" class="bg-box" href="#"></a>

				<a data-rel="16" class="bg-box" href="#"></a>

				<a data-rel="17" class="bg-box" href="#"></a>

				<a data-rel="18" class="bg-box" href="#"></a>

				<a data-rel="19" class="bg-box" href="#"></a>

				<a data-rel="20" class="bg-box" href="#"></a>

				<a data-rel="21" class="bg-box" href="#"></a>

				<a data-rel="22" class="bg-box" href="#"></a>

				<a data-rel="23" class="bg-box" href="#"></a>

				<a data-rel="24" class="bg-box" href="#"></a>

			</div>

		

		

		<div class="switcher-divider">

			</div>

			

			<p>

				<strong>Bg Images (for boxed)</strong>

			</p>

			<div class="colors-holder">

			<a data-rel="pic1" class="bgimg-box" href="#"></a>

			<a data-rel="pic2" class="bgimg-box" href="#"></a>

			<a data-rel="pic3" class="bgimg-box" href="#"></a>

			<a data-rel="pic4" class="bgimg-box" href="#"></a>

			<a data-rel="pic5" class="bgimg-box" href="#"></a>

			<a data-rel="pic6" class="bgimg-box" href="#"></a>

			<a data-rel="pic7" class="bgimg-box" href="#"></a>

			<a data-rel="pic8" class="bgimg-box" href="#"></a>

			<br/><br/>

			</div>

			

		</div>	

			

		<div id="switcher-footer">

			<p>

				<a href="http://www.upare.com/" target="_blank"><img src="https://static.upare.com/upare/img/logowowthemes.png"></a>



			</p>

		</div>

	</div>

</div>

<!-- END DEMO PANEL-->
</body>
</html>